<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>公安机关互联网平台</title>
	<link rel="icon" href="image/favicon.ico">
	<link rel="stylesheet" type="text/css" href="../css/bootstrap.css"/>
	<style type="text/css">
		*{
			margin: 0;
			padding: 0;
			list-style: none;
			text-decoration: none;
			line-height: 1em;
		}
		.container{
			margin-top: 20px;
		}
		.header-right{
			margin-left: 130px;
		}
		button{
			margin-right: 20px;
		}
		.banner{
			margin-top: 20px;
		}
		.banner .red{
			color: #FF0000;
		}
		.banner a{
			margin-left: 10px;
		}
		.banner a:hover{
			color: #FF0000;
		}
		.form-inline .name,.form-inline .password{
			width: 230px;
		}
		.center{
			background-image: url(../img/adbg.png);
			width: 100%;
			height: 400px;
			background-repeat: no-repeat;
			background-size: 100% 100%;
		}
		.xcy{
			margin-top: 20px;
		}
		.xcy2{
			margin-top: 60px;
			margin-left: 100px
		}
		.center-right form{
			background-color: #FFFFFF;
			height: 300px;
			width: 400px;
			margin-top: 50px;
			margin-left: 130px;
			border-radius: 10px;
			padding: 10px 10px;
		}
		.center-right p{
			line-height: 30px;
		}
		.name{
			margin: 10px 30px;
		}
		.password{
			margin: 10px 44px;
		}
		.mima{
			margin-left: 100px;
			margin-bottom: 10px;
		}
		.center-right button{
			width: 210px;
			margin-left: 110px;
		}
		.foot{
			background: #e0e0e0;
			width: 100%;
			height: 160px;
			padding-top: 25px;
		}
		.foot p{
			line-height: 20px;
		}
	</style>
</head>
<body>
	<div class="container">
		<!-- header -->
		<div class="row header">
			<div class="col-md-4 text-left header-left">
				<img src="../img/logo.png" >
			</div>
			<div class="col-md-6 text-right header-right">
				<div class="row">
					<div class="col-md-12">
						<form class="form-inline">
							<input type="search" placeholder="请输入要搜索的内容" class="form-control">
							<button type="button" class="btn btn-success">搜索</button>
						</form>
					</div>
				</div>
				<!-- 导航 -->
				<div class="row">
					<div class="col-md-12 banner">
						<a href="" class="red"> 首页 </a>
						<a href=""> 公共查询 </a>
						<a href=""> 常见问题 </a>
						<a href="#"> 政策法规 </a>
						<a href="#"> 通知预告 </a>
						<a href="#"> 备案须知 </a>
						<a href="#"> 备案展厅 </a>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="center">
		<div class="container">
			<div class="row">
				<div class="col-md-6">
					<img src="../img/xcy.png" class="xcy">
					<img src="../img/liucheng.png" class="xcy2">
				</div>
				<div class="col-md-6 center-right">
					
					<form class="form-inline">
						<p>普通用户</p>
						&nbsp; &nbsp; &nbsp;用户名：<input type="text" class="form-control name"><br />
						&nbsp; &nbsp; &nbsp;密码：<input type="password" class="form-control password"/><br />
						<div class="mima">
							<input type="checkbox" class="mima"> 记住密码
						</div>
						<button type="button" class="btn btn-danger btn-lg btn-block">登录</button><br/>
						<div class="col-md-12 text-center">
							<a href="">没有账号，注册</a>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
	<!-- 底部 -->
	<div class="foot">
		<div class="text-center">
			<p>Copyright2015 公安部网络安全保卫局All Rights Reserved</p>
			<p>邮箱: support@beian.gov.cn</p>
			<p>京公网安备11010102002019号建议使用1024 768以上分辨率浏览</p>
		</div>
	</div>
</body>
</html>
